<!DOCTYPE HTML>
<html>
<head>
	<title>Inserimento</title>
	<met charset="UTF-8">
	<link rel="stylesheet" type="text/css" href="sampleStyle.css">
	

	
</head>
<body>
<script language="javascript" type="text/javascript">
			<!--
				function verifica(){
					var stringa=document.getElementById("data").value;
					var espressione = /^[0-9]{2}\/[0-9]{2}\/[0-9]{4}$/;
					 if (!espressione.test(stringa))  {
						alert("Formato non valido");
						document.input.data.value=null;
						return false;
					  } else {
						 // Recupera dalla stringa i campi anno, mese e giorno
							anno = parseInt(stringa.substr(6),10);
							mese = parseInt(stringa.substr(3, 2),10);
							giorno = parseInt(stringa.substr(0, 2),10);
 
							// Crea la nuova data
							var data=new Date(anno, mese-1, giorno);
						 
							// Controlla che i parametri della data siano
							//  gli stessi che abbiamo impostato
							if (data.getFullYear()==anno &&
								  data.getMonth()+1==mese &&
								  data.getDate()==giorno){
							  return true;
							} else {
								
							  alert("Data non valida");
							  return false;
						}
					 }
					}
					  
				
			-->
		</script>
	<form name="input" action="http://localhost:4444/inserisci" method="get" autocomplete="off">
		<fieldset>
			<legend> Inserimento di un Log </legend>
			<table>
				<tr>
					<td><label for="operatore"> Operatore </label> </td>
					<td><input type="text" name="operatore" required autofoscus / > </td>
				</tr>
					
				<tr>
					<td><label for="ore"> Ore Lavorate </label> </td>
					<td><input type="text" name="ore" required/> </td>
				</tr>
				
				<tr>
					<td><label for="data"> Data </label> </td>
					<td><input type="text" name="data" onChange="verifica();" required id="data" /> </td>
				</tr>
				
				<tr>
					<td><label for="task"> Task </label> </td>
					<td><input type="text" name="task" required/> </td>
				</tr>
		 	</table>
		 	<input type="submit" id="ok" value="Inserisci" /> 
		 </fieldset>
		
	
	</form>
	

</body>
</html>